.data-form-box {
  position: relative;
  display: inline-block;
  width: 100%;
  &.right {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
  .data-form-form,
  .data-form-action {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    text-align: left;
    &.right {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      flex: 1;
      position: relative;
      margin-left: 10px;
  
    }
  }
  .data-form-item-wrapper {
    display: flex;
    position: relative;
    .data-form-item-label {
      width: 140px;
      text-align: right;
      line-height: 32px;
      &.colon:after {
        content: ':';
        margin: 0 8px 0 2px;
        position: relative;
        top: -0.5px;
      }
      &.required:before {
        display: inline-block;
        margin-right: 4px;
        content: '*';
        font-family: SimSun;
        line-height: 1;
        font-size: 14px;
        color: #f5222d;
      }
    }
    .data-form-item-content {
      flex: 1;
    }
  }
  &.data-form-action {
    margin-left: 140px;
  }

  .date-range-picker {
    display: flex;
    .item {
      flex: 1;
    }
    .fh {
      padding: 0 5px;
    }
  }
    

}